<ui:composition template="../template/templateSGRUsuario.xhtml" xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui">
    <!--<ui:param name="camino" value="."></ui:param>-->
    <ui:define name="contenido">
        <h:form id="error">
        <style>
            h2{
                font-size: 52px;
                color: #a80002;
                font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
                text-align: center;  
                font-weight: bold;
            }
            p.errorClass{
                font-size:36px;
                color: #a80002;
                font-family:  "Trebuchet MS",Arial,Helvetica,sans-serif;
                text-align: center;                 
            }
            .errorEx:hover{
                text-decoration: none;
                color: #ff9300;
                box-shadow: none;
            }
            .errorEx{
                font-size:22px;
                text-decoration: underline;
                color: gray;
                font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
                text-align: center;
            }
        </style>
            
        <div style="float:left;width:30%">
        <h:graphicImage library="theme/images"  name="CHEF.jpg" alt="Oh oh!. Ha ocurrido un error." />
        </div>
            <div style="float:right;width:70%">
                <h2>Oh oh!</h2>
                <p class="errorClass">Lo sentimos mucho...<br/><br/>  pero ha ocurrido un problema.<br/><br/>
              
                </p>
                <p style="text-align: center;">
                    <h:commandLink value="Haz click aquí para volver al inicio" action="index" styleClass="errorEx" />
                </p>
            </div>
           <div style="clear:both"/>
        </h:form>
    </ui:define>    

</ui:composition>